React-[入門篇]-Props & 不可變動性&單向數據流


利用props從父元件到子元件中傳遞資料

在React中我們會利用props從父元件到子元件中傳遞資料,如下圖筆記:

用於配置和自定義元件的重要工具(例如:函式的參數),如下圖筆記:

有了props,父元件就有控制權可以決定子元件的外觀以及如何運作。arguments放在一般函式中的arguments,我們其實可以放入任何arguments在JS函式裡。

可以將任何型別的值作為props

這個規則和props一樣,我們可以將任何型別的值作為props,純值/arrays/Objs/functions,甚至是其他React元件等等

元件的data是由props和state組成的

單向數據流

  • 程式碼比較好閱讀也比較好預測與理解
  • 容易debug
  • 因為知道data flow從哪來,對資料比較能掌控







你可能感興趣的文章

Ch00 - 學習目標

Ch00 - 學習目標

ASP.NET Core Web API 入門教學 - 參數化並過濾接受值

ASP.NET Core Web API 入門教學 - 參數化並過濾接受值

資結、 Sorting Algorithms I

資結、 Sorting Algorithms I






留言討論